import React from 'react';

import { CharacterCardProps } from './models/types';

const CharacterCard: React.FC<CharacterCardProps> = ({ name, image, status, species }) => {
    return(
        <article className="character-card">
            <img src={image} alt={name} />
            <h2>{name}</h2>
            <p>Status: {status}</p>
            <p>Species: {species}</p>
        </article>
    );
};

export default CharacterCard;